<template>
  <div class="headerdiv2">
    <el-row>
      <el-col :span="12">基本信息</el-col>
    </el-row>
    <el-row>
      <el-col :span="6">
        <label>&nbsp;单元工程名称</label>
      </el-col>
      <el-col :span="18"></el-col>
    </el-row>
    <el-row>
      <el-col :span="24">
        <el-input
          v-model="recordin.raverdict"
          placeholder="请输入检查内容"
          v-on:input="getChangeStringValue()"
        >
          <template slot="prepend">检查内容</template>
        </el-input>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="24">
        <el-input
          v-model="recordin.rastandard"
          placeholder="请输入检验标准"
          v-on:input="getChangeStringValue()"
        >
          <template slot="prepend">检验标准</template>
        </el-input>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="24">
        <el-input
          v-model="recordin.radraw"
          placeholder="请输入施工图号"
          v-on:input="getChangeStringValue()"
        >
          <template slot="prepend">施工图号</template>
        </el-input>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="12">
        <span class="header2-prepend-date">开始施工时段</span>
        <el-date-picker
          v-model="recordin.rasdate"
          format="yyyy-MM-dd"
          value-format="yyyy-MM-dd"
          type="date"
          placeholder="选择日期"
          v-on:input="getChangeStringValue()"
        ></el-date-picker>
      </el-col>
      <el-col :span="12">
        <span class="header2-prepend-date">结束施工时段</span>
        <el-date-picker
          v-model="recordin.raedate"
          format="yyyy-MM-dd"
          value-format="yyyy-MM-dd"
          type="date"
          placeholder="选择日期"
          v-on:input="getChangeStringValue()"
        ></el-date-picker>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="24">
        <el-input
          v-model="recordin.rains"
          placeholder="请输入测量仪器"
          v-on:input="getChangeStringValue()"
        >
          <template slot="prepend">测量仪器</template>
        </el-input>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: "tableheader2",
  props: {
    /* 父组件传过来的数据 */
    recordin: {
      type: Object
    }
  },
  data() {
    return {
      record: {
        raplace: "", //施工部位
        raverdict: "", //检查内容
        rastandard: "", //检测标准
        radraw: "", //施工图号
        rasdate: "", //施工开始时间
        raedate: "", //施工结束时间
        rains: "" //检测仪器
      }
    };
  },
  methods: {
    getChangeStringValue() {
      this.record = this.recordin;
      this.$emit("listenToTableheader1", this.record);
    }
  }
};
</script>
<style>
.header2-prepend-date {
  background-color: #f5f7fa;
  color: #909399;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  padding: 0 20px;
  white-space: nowrap;
  text-align: center;
  height: 30px;
  line-height: 30px;
  float: left;
  font-size: 13px;
  border-right: 0;
}
.headerdiv2 {
  width: 724px;
  margin-left: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: #f3f3f3;
}
</style>


